<!--右边栏 Start-->
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="page-header fm-hd">
				<h4><span style="font-size:12px;">当前位置：交易管理&nbsp;&gt;&nbsp;</span>订单管理</h4>
			</div>
			<!-- 查询模块 Start -->
			<div class="fm-query">
				<div class="frmbox">
					<form id="excel" name="excel" style="display: none" method="post"> </form>
					<form id="serchForm" name="serchForm">
						<div class="querybox">
							<div class="form-group">
								<label class="control-label">用户账号：</label>
								<div class="control-con">
									<input type="text" id="user_account" name="user_account" value="{{user_account}}" class="form-control">
								</div>
							</div>
							<div class="form-group">
								<label class="control-label">用户名：</label>
								<div class="control-con">
									<input type="text" id="user_name" name="user_name" class="form-control">
								</div>
							</div>
							<div class="form-group">
								<label class="control-label">商品类型：</label>
								<div class="control-con">
									<select class="form-control" id="goods_type" name="goods_type">
										<option value="">全部类型</option>
										<option value="2">服务商品</option>
										<option value="1">销售商品</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label">商品名称：</label>
								<div class="control-con">
									<input type="text" id="goods_name" name="goods_name" class="form-control" data-provide="typeahead" autocomplete="off">
								</div>
							</div>
							<div class="form-group" style="margin:0;">
								<label class="control-label">订单编号：</label>
								<div class="control-con">
									<input type="text" id="order_id" name="order_id" value="{{order_id}}" class="form-control" datatype="/^\s*$/|n0-18" errormsg="订单编号为18位内数字">
								</div>
							</div>
							<div class="form-group">
								<label class="control-label">下单时间：</label>

								<div class="control-con">
									<input type="text" class="form-control w130" id="first_delivery_date" name="first_delivery_date" data-date-format="yyyy-mm-dd" readonly="readonly" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'last_delivery_date\')||\'\'}'})"><span class="w40">到</span>
									<input type="text" class="form-control w130" id="last_delivery_date" name="last_delivery_date" data-date-format="yyyy-mm-dd" readonly="readonly" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'first_delivery_date\')||\'\'}'})">
								</div>
								<div class="help-block with-errors"></div>
							</div>

							<div class="form-group">
								<label class="control-label">渠道来源：</label>
								<div class="control-con">
									<input id="channel_name" name="channel_name" type="text" class="form-control">
								</div>
							</div>
							<div class="form-group">
								<label class="control-label">支付方式：</label>
								<div class="control-con">
									<select class="form-control" id="payment_id" name="payment_id">
										<option value="">全部</option>
									<!-- <option value="00">支付账号</option>  -->
										<option value="01">网上银行</option>
										<option value="03">快捷支付</option>
										<option value="06">支付宝</option>
										<option value="07">易宝</option>
										<option value="08">微信</option>
										<option value="09">微信App</option>
										<option value="10">手机支付（富友）</option>
										<option value="11">通联支付</option>
										<option value="12">授信支付</option>
										<option value="13">盛付通</option>
										<option value="14">线下转账</option>
										<option value="15">货到付款</option>
										<option value="16">线下收款</option>
										<option value="17">支付宝手机网站</option>
										<option value="99">线下支付</option>
										<option value="18">商户礼券</option>
									</select>
								</div>
							</div>
							<div class="clearit"></div>
							<div class="form-group">
								<label class="control-label">是否有新消息：</label>
								<div class="control-con">
									<input type="checkbox" id="isNew" name="isNew" class="chk" value="true" style="margin:10px 0 0 0;" />
								</div>
							</div>
						</div>
						<div class="querybtn">
							<button class="btn btn-primary serchBtn" type="button">搜索</button>
							<button class="btn btn-default resetBtn" type="button">重置</button>
							<button class="btn btn-default excelBtn" type="button">搜索并导出</button>
						</div>
					</form>
				</div>
			</div>
			<!-- 查询模块 End -->
			<!-- 订单列表 Start -->
			<div class="order-list">
				<div class="order-total">
                    <p>
	                    <span>总订单数：<em id="order_all_count">0</em></span>
	                    <span>搜索的订单数：<em id="order_serch_count">0</em></span>
	                    <span>占比：<em id="order_percent">0%</em></span>
                    </p>
                    <p>
	                    <span>总金额数：<em id="order_all_money_count">0.00</em></span>
	                    <span>搜索的金额数：<em id="order_serch_amount_money">0.00</em></span>
	                    <span>占比：<em id="money_percent">0%</em></span>
                    </p>
                </div>
				<h4>订单列表</h4>
				<div class="tabbable order">
					<ul class="nav nav-tabs" id="tabs-632335">
						<li class="active">
							<a href="#panel-1" data-toggle="tab" tab_value="1">近三个月订单</a>
						</li>
						<li>
							<a href="#panel-2" data-toggle="tab" tab_value="2">待付款</a>
						</li>
						<li>
							<a href="#panel-3" data-toggle="tab" tab_value="3">待发货</a>
						</li>
						<li>
							<a href="#panel-4" data-toggle="tab" tab_value="4">已发货</a>
						</li>
						<li>
							<a href="#panel-5" data-toggle="tab" tab_value="5">已完成</a>
						</li>
						<li>
							<a href="#panel-6" data-toggle="tab" tab_value="6">已关闭</a>
						</li>
						<li>
							<a href="#panel-7" data-toggle="tab" tab_value="7">历史订单</a>
						</li>
					</ul>
					<div class="tab-content">

						<div class="tab-pane active">
							<div class="tablebox" id="orderlist">

							</div>

						</div>

						<div class="tab-pane">
							<!-- 待发货  开始 -->
							<div class="tablebox">
								<!-- 一个用户 开始 -->
								<div class="tablelist">
									<div class="list-hd">
										<span class="blue1">用户名：CJ68433169小农</span>
										<a href="#" class="blue2" data-toggle="modal" data-target="#feedbackModal">记录反馈</a>
									</div>
									<div class="list-bd">
										<div class="orderbox">
											<div class="order-hd">
												<ul class="ul-order">
													<li>订单编号：7985411643639462 </li>
													<li>下单时间：2016-07-13 周三</li>
													<li>订单总额度：<span class="red">￥100</span></li>
													<li>
														<a href="#" class="blue2" data-toggle="modal" data-target="#addressModal">配送地址查看
														</a>
													</li>
												</ul>
											</div>
											<div class="order-bd">
												<ul>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- 一个用户 结束 -->
							</div>
							<!-- 待发货  结束 -->
						</div>
						<div class="tab-pane">
							<!-- 待收货  开始 -->
							<div class="tablebox">
								<!-- 一个用户 开始 -->
								<div class="tablelist">
									<div class="list-hd">
										<span class="blue1">用户名：CJ68433169小农</span>
										<a href="#" class="blue2">记录反馈</a>
									</div>
									<div class="list-bd">
										<div class="orderbox">
											<div class="order-hd">
												<ul class="ul-order">
													<li>订单编号：7985411643639462 </li>
													<li>下单时间：2016-07-13 周三</li>
													<li>订单总额度：<span class="red">￥100</span></li>
													<li>
														<a href="#" class="blue2" data-toggle="modal" data-target="#addressModal">配送地址查看
														</a>
													</li>
												</ul>
											</div>
											<div class="order-bd">
												<ul>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- 一个用户 结束 -->
							</div>
							<!-- 待收货  结束 -->
						</div>
						<div class="tab-pane">
							<!-- 已完成  开始 -->
							<div class="tablebox">
								<!-- 一个用户 开始 -->
								<div class="tablelist">
									<div class="list-hd">
										<span class="blue1">用户名：CJ68433169小农</span>
									</div>
									<div class="list-bd">
										<div class="orderbox">
											<div class="order-hd">
												<ul class="ul-order">
													<li>订单编号：7985411643639462 </li>
													<li>下单时间：2016-07-13 周三</li>
													<li>订单总额度：<span class="red">￥100</span></li>
													<li>
														<a href="#" class="blue2" data-toggle="modal" data-target="#addressModal">配送地址查看
														</a>
													</li>
													<li>
														<a href="#" class="blue2">记录反馈</a>
													</li>
												</ul>
											</div>
											<div class="order-bd">
												<ul>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>

														<div class="fm-goods-type">
															<p>商品类型：销售商品</p>
														</div>
														<div class="fm-goods-money">
															实付款：<span class="red">￥100</span>
														</div>
														<div class="fm-goods-memo">
															<p>配送时间：2016-07-13 周三</p>
															<p>标注：</p>
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>

														<div class="fm-goods-type">
															<p>商品类型：销售商品</p>
														</div>
														<div class="fm-goods-money">
															实付款：<span class="red">￥100</span>
														</div>
														<div class="fm-goods-memo">
															<p>配送时间：2016-07-13 周三</p>
															<p>标注：</p>
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- 一个用户 结束 -->
							</div>
							<!-- 已完成  结束 -->
						</div>
						<div class="tab-pane">
							<!-- 已关闭  开始 -->
							<div class="tablebox">
								<!-- 一个用户 开始 -->
								<div class="tablelist">
									<div class="list-hd">
										<span class="blue1">用户名：CJ68433169小农</span>
										<a href="#" class="blue2">记录反馈</a>
									</div>
									<div class="list-bd">
										<div class="orderbox">
											<div class="order-hd">
												<ul class="ul-order">
													<li>订单编号：7985411643639462 </li>
													<li>下单时间：2016-07-13 周三</li>
													<li>订单总额度：<span class="red">￥100</span></li>
													<li>
														<a href="#" class="blue2" data-toggle="modal" data-target="#addressModal">配送地址查看
														</a>
													</li>
												</ul>
											</div>
											<div class="order-bd">
												<ul>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
													<li>
														<div class="fm-goods-info">
															<div class="fm-goods-img">
																<a href="#">
																	<img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" />
																</a>
															</div>
															<div class="fm-goods-con">
																<p class="maintitle">
																	<a href="#">宅配套餐标题</a>
																</p>
																<p class="subtitle">
																	宅配套餐副标题
																</p>
																<p>
																	<span class="price">￥100 </span><span class="num"> x 1</span>
																</p>
															</div>
														</div>
														<div class="fm-goods-type">
															商品类型：销售商品
														</div>
														<div class="fm-goods-memo">
															订单备注：
														</div>
														<div class="fm-goods-result">
															交易成功
														</div>
														<div class="clearit"></div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- 一个用户 结束 -->
							</div>
							<!-- 已关闭  结束 -->
						</div>
					</div>
				</div>
			</div>
			<!-- 订单列表 End -->
			<!-- 分页 Start -->
			<div class="pagebox" id="pageBox" style="display: none">
				<div class="numbox">共<span class="blue3" id="records">8</span>条记录</div>
				<ul class="pagination fm_pageination" id="page">
					<li>
						<a href="#">上一页</a>
					</li>
					<li class="active">
						<a href="#">1</a>
					</li>
					<li>
						<a href="#">2</a>
					</li>
					<li>
						<a href="#">3</a>
					</li>
					<li>
						<a href="#">4</a>
					</li>
					<li>
						<a href="#">5</a>
					</li>
					<li>
						<a href="#">下一页</a>
					</li>
				</ul>
			</div>
			<!-- 分页 End -->
		</div>
	</div>
</div>

<!-- 配送地址查看 开始 -->
<div class="modal fade" id="addressModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
				<h4 class="modal-title" id="myModalLabel">
               配送地址查看
            </h4>
			</div>
			<div class="modal-body address">
				<form class="form-horizontal" role="form">
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">姓名：</label>
						<div class="col-sm-5">
							<input type="text" class="form-control" id="firstname" value="张三" disabled="true" />
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">手机：</label>
						<div class="col-sm-5">
							<input type="text" class="form-control" id="lastname" value="13888888888" disabled="true" />
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">配送地址：</label>
						<div class="col-sm-10">
							<ul class="ul-area">
								<li>
									<select class="form-control">
										<option>福建省</option>
									</select>
								</li>
								<li>
									<select class="form-control">
										<option>福州市</option>
									</select>
								</li>
								<li>
									<select class="form-control">
										<option>晋安区</option>
									</select>
								</li>
								<li>
									<select class="form-control">
										<option>居住主题公园</option>
									</select>
								</li>
								<li>
									<select class="form-control">
										<option>东门自提店</option>
									</select>
								</li>
								<li class="last">
									<input type="text" class="form-control" id="lastname">
								</li>
							</ul>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
				<button type="button" class="btn btn-primary">
                    编辑
                </button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
</div>
<!-- /配送地址查看 结束 -->
<!-- 记录反馈 开始 -->
<div class="modal fade feedback" id="feedbackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" id="feedback_tpl">
		<div class="modal-content" style="display: none">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
				<h4 class="modal-title" id="myModalLabel">记录反馈</h4>
			</div>
			<div class="modal-body address">
				<form class="form-horizontal" role="form">
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">客服工号：</label>
						<div class="col-sm-5">
							<input type="text" class="form-control" id="firstname" value="张三" />
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">喜爱品类：</label>
						<div class="col-sm-8">
							<ul class="ul-frm">
								<li><input type="checkbox" class="chk" />蔬菜不新鲜</li>
								<li><input type="checkbox" class="chk" />配送不及时</li>
								<li><input type="checkbox" class="chk" />缺斤短两</li>
								<li><input type="checkbox" class="chk" class="chk" />配少人员态度差</li>
								<li><input type="checkbox" class="chk" />菜叶损坏严重</li>
								<div class="clearit"></div>
							</ul>
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">不喜爱品类：</label>
						<div class="col-sm-8">
							<ul class="ul-frm">
								<li><input type="checkbox" class="chk" />蔬菜不新鲜</li>
								<li><input type="checkbox" class="chk" />配送不及时</li>
								<li><input type="checkbox" class="chk" />缺斤短两</li>
								<li><input type="checkbox" class="chk" class="chk" />配少人员态度差</li>
								<li><input type="checkbox" class="chk" />菜叶损坏严重</li>
								<div class="clearit"></div>
							</ul>
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">服务反馈：</label>
						<div class="col-sm-8">
							<ul class="ul-frm">
								<li><input type="checkbox" class="chk" />蔬菜不新鲜</li>
								<li><input type="checkbox" class="chk" />配送不及时</li>
								<li><input type="checkbox" class="chk" />缺斤短两</li>
								<li><input type="checkbox" class="chk" class="chk" />配少人员态度差</li>
								<li><input type="checkbox" class="chk" />菜叶损坏严重</li>
								<div class="clearit"></div>
							</ul>
						</div>
					</div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">输入评价：</label>
						<div class="col-sm-8">
							<textarea class="form-control" rows="3"></textarea>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
				<button type="button" class="btn btn-primary">
                    提交
                </button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
</div>
<!-- /记录反馈 结束 -->
<!-- 修改价格 开始 -->
<div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
	<div class="modal-dialog" id="price_tpl">

		<!-- /.modal-content -->
	</div>
</div>
<!-- /修改价格  结束 -->
<!-- 消息提示框  -->
<div class="mes-container" id="msg_dialog">

</div>
<!--右边栏 End-->
<!--右边栏 End-->